<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title> 保护区巡护管理系统</title>
		<meta name="keywords" content="Bootstrap模版,Bootstrap模版下载,Bootstrap教程,Bootstrap中文" />
		<meta name="description" content="站长素材提供Bootstrap模版,Bootstrap教程,Bootstrap中文翻译等相关Bootstrap插件下载" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<!-- basic styles -->
		<link href="../../resources/assets/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../resources/assets/css/font-awesome.min.css" />

		<!--[if IE 7]>
		  <link rel="stylesheet" href="../../resources/assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

		<!-- page specific plugin styles -->
		<!-- page specific plugin styles -->

		<link rel="stylesheet" href="../../resources/assets/css/jquery-ui-1.10.3.full.min.css" />
		<link rel="stylesheet" href="../../resources/assets/css/datepicker.css" />
		<link rel="stylesheet" href="../../resources/assets/css/ui.jqgrid.css" />

		<!-- fonts -->

		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />

		<!-- ace styles -->

		<link rel="stylesheet" href="../../resources/assets/css/ace.min.css" />
		<link rel="stylesheet" href="../../resources/assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="../../resources/assets/css/ace-skins.min.css" />

		<!--[if lte IE 8]>
		  <link rel="stylesheet" href="../../resources/assets/css/ace-ie.min.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->

		<script src="../../resources/assets/js/ace-extra.min.js"></script>

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

		<!--[if lt IE 9]>
		<script src="../../resources/assets/js/html5shiv.js"></script>
		<script src="../../resources/assets/js/respond.min.js"></script>
		<![endif]-->
		
		
		
	</head>

	<body>
		<div class="navbar navbar-default" id="navbar">
			<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>

			<div class="navbar-container" id="navbar-container">
				<div class="navbar-header pull-left">
					<a href="#" class="navbar-brand">
						<small>
							<img src="../../resources/assets/images/logo.png">
						</small>
					</a><!-- /.brand -->
				</div><!-- /.navbar-header -->

				<div class="navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">
						<li class="grey">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="icon-tasks"></i>
								<span class="badge badge-grey">4</span>
							</a>

							<ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="icon-ok"></i>
									还有4个任务完成
								</li>

								<li>
									<a href="#">
										<div class="clearfix">
											<span class="pull-left">软件更新</span>
											<span class="pull-right">65%</span>
										</div>

										<div class="progress progress-mini ">
											<div style="width:65%" class="progress-bar "></div>
										</div>
									</a>
								</li>

								<li>
									<a href="#">
										<div class="clearfix">
											<span class="pull-left">硬件更新</span>
											<span class="pull-right">35%</span>
										</div>

										<div class="progress progress-mini ">
											<div style="width:35%" class="progress-bar progress-bar-danger"></div>
										</div>
									</a>
								</li>

								<li>
									<a href="#">
										<div class="clearfix">
											<span class="pull-left">单元测试</span>
											<span class="pull-right">15%</span>
										</div>

										<div class="progress progress-mini ">
											<div style="width:15%" class="progress-bar progress-bar-warning"></div>
										</div>
									</a>
								</li>

								<li>
									<a href="#">
										<div class="clearfix">
											<span class="pull-left">错误修复</span>
											<span class="pull-right">90%</span>
										</div>

										<div class="progress progress-mini progress-striped active">
											<div style="width:90%" class="progress-bar progress-bar-success"></div>
										</div>
									</a>
								</li>

								<li>
									<a href="#">
										查看任务详情
										<i class="icon-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<li class="purple">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="icon-bell-alt icon-animated-bell"></i>
								<span class="badge badge-important">8</span>
							</a>

							<ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="icon-warning-sign"></i>
									8条通知
								</li>

								<li>
									<a href="#">
										<div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-pink icon-comment"></i>
												新闻评论
											</span>
											<span class="pull-right badge badge-info">+12</span>
										</div>
									</a>
								</li>

								<li>
									<a href="#">
										<i class="btn btn-xs btn-primary icon-user"></i>
										切换为编辑登录..
									</a>
								</li>

								<li>
									<a href="#">
										<div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
												新订单
											</span>
											<span class="pull-right badge badge-success">+8</span>
										</div>
									</a>
								</li>

								<li>
									<a href="#">
										<div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-info icon-twitter"></i>
												粉丝
											</span>
											<span class="pull-right badge badge-info">+11</span>
										</div>
									</a>
								</li>

								<li>
									<a href="#">
										查看所有通知
										<i class="icon-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<li class="green">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="icon-envelope icon-animated-vertical"></i>
								<span class="badge badge-success">5</span>
							</a>

							<ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="icon-envelope-alt"></i>
									5条消息
								</li>

								<li>
									<a href="#">
										<img src="../../resources/assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
										<span class="msg-body">
											<span class="msg-title">
												<span class="blue">Alex:</span>
												不知道写啥 ...
											</span>

											<span class="msg-time">
												<i class="icon-time"></i>
												<span>1分钟以前</span>
											</span>
										</span>
									</a>
								</li>

								<li>
									<a href="#">
										<img src="../../resources/assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
										<span class="msg-body">
											<span class="msg-title">
												<span class="blue">Susan:</span>
												不知道翻译...
											</span>

											<span class="msg-time">
												<i class="icon-time"></i>
												<span>20分钟以前</span>
											</span>
										</span>
									</a>
								</li>

								<li>
									<a href="#">
										<img src="../../resources/assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
										<span class="msg-body">
											<span class="msg-title">
												<span class="blue">Bob:</span>
												到底是不是英文 ...
											</span>

											<span class="msg-time">
												<i class="icon-time"></i>
												<span>下午3:15</span>
											</span>
										</span>
									</a>
								</li>

								<li>
									<a href="inbox.html">
										查看所有消息
										<i class="icon-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<li class="light-blue">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<img class="nav-user-photo" src="../../resources/assets/avatars/user.jpg" alt="Jason's Photo" />
								<span class="user-info">
									<small>欢迎光临,</small>
									Jason
								</span>

								<i class="icon-caret-down"></i>
							</a>

							<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a href="#">
										<i class="icon-cog"></i>
										设置
									</a>
								</li>

								<li>
									<a href="#">
										<i class="icon-user"></i>
										个人资料
									</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="#">
										<i class="icon-off"></i>
										退出
									</a>
								</li>
							</ul>
						</li>
					</ul><!-- /.ace-nav -->
				</div><!-- /.navbar-header -->
			</div><!-- /.container -->
		</div>

		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<div class="main-container-inner">
				<a class="menu-toggler" id="menu-toggler" href="#">
					<span class="menu-text"></span>
				</a>

				<div class="sidebar" id="sidebar">
					<script type="text/javascript">
						try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
					</script>

					<div class="sidebar-shortcuts" id="sidebar-shortcuts">
						<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
							<button class="btn btn-success">
								<i class="icon-signal"></i>
							</button>

							<button class="btn btn-info">
								<i class="icon-pencil"></i>
							</button>

							<button class="btn btn-warning">
								<i class="icon-group"></i>
							</button>

							<button class="btn btn-danger">
								<i class="icon-cogs"></i>
							</button>
						</div>

						<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
							<span class="btn btn-success"></span>

							<span class="btn btn-info"></span>

							<span class="btn btn-warning"></span>

							<span class="btn btn-danger"></span>
						</div>
					</div><!-- #sidebar-shortcuts -->

					<ul class="nav nav-list">
						<li class="active">
							<a href="current.html">
								<i class="icon-dashboard"></i>
								<span class="menu-text"> 控制台 </span>
							</a>
						</li>

						<li>
							<a href="current.html">
								<i class="icon-text-width"></i>
								<span class="menu-text"> 实时监控 </span>
							</a>
						</li>

						<li>
							<a href="history.html" class="dropdown-toggle">
								<i class="icon-desktop"></i>
								<span class="menu-text">历史记录</span>
							</a>

						</li>

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-list"></i>
								<span class="menu-text"> 动态分析 </span>
							</a>

						</li>

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-edit"></i>
								<span class="menu-text"> 系统功能 </span>
							</a>
						</li>

						
					</ul><!-- /.nav-list -->

					<div class="sidebar-collapse" id="sidebar-collapse">
						<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
					</div>

					<script type="text/javascript">
						try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
					</script>
				</div>

				<div class="main-content">
					<div class="page-content">
						<div class="row">
							<div class="col-xs-12">
								<div class="row">
									<div class="col-xs-12">
										<div class="table-responsive">
											<table id="sample-table-1" class="table table-striped table-bordered table-hover">
												<tbody>
													<tr >
														<td><i class="icon-globe"></i></td>
														<td>地图显示&nbsp;&nbsp;<input type="checkbox" style="margin-top: -2px" id='checkall'>&nbsp;&nbsp;可多选</td>
														<td><input type="checkbox" name='checkname' value="device1" style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备1</td>
														<td><input type="checkbox" name='checkname' value="device2"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备2</td>
														<td><input type="checkbox" name='checkname' value="device3"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备3</td>
														<td><input type="checkbox" name='checkname' value="device4"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备4</td>
														<td><input type="checkbox" name='checkname' value="device5"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备5</td>
														<td><input type="checkbox" name='checkname' value="device6"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备6</td>
														<td><input type="checkbox" name='checkname' value="device7"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备7</td>
														<td><input type="checkbox" name='checkname' value="device8"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备8</td>
														<td><input type="checkbox" name='checkname' value="device9"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备9</td>
														<td><input type="checkbox" name='checkname' value="device10"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备10</td>
														<td><input type="checkbox" name='checkname' value="device11"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备11</td>
														<td><input type="checkbox" name='checkname' value="device12"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备12</td>
														<td><button class="btn btn-minier btn-success" id="buttonforname" onclick="check('checkname')"><i class="icon-ok"></i>确定</button></td>
													</tr>
													<tr>
														<td><i class="icon-barcode"></i></td>
														<td>基本信息&nbsp;&nbsp;<input type="radio" name="radios" style="margin-top: -2px">&nbsp;&nbsp;仅单选</td>
														<td><input type="radio" name="radios" value="device1"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备1</td>
														<td><input type="radio" name="radios" value="device2"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备2</td>
														<td><input type="radio" name="radios" value="device3"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备3</td>
														<td><input type="radio" name="radios" value="device4"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备4</td>
														<td><input type="radio" name="radios" value="device5"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备5</td>
														<td><input type="radio" name="radios" value="device6"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备6</td>
														<td><input type="radio" name="radios" value="device7"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备7</td>
														<td><input type="radio" name="radios" value="device8"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备8</td>
														<td><input type="radio" name="radios" value="device9"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备9</td>
														<td><input type="radio" name="radios" value="device10"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备10</td>
														<td><input type="radio" name="radios" value="device11"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备11</td>
														<td><input type="radio" name="radios" value="device12"  style="margin-top: -2px">&nbsp;&nbsp;&nbsp;&nbsp;设备12</td>
														<td><button class="btn btn-minier btn-success" id="buttonforinfo" onclick="check('radios')"><i class="icon-ok"></i>确定</button></td>
													</tr>
												</tbody>
											</table>
										</div><!-- /.table-responsive -->
									</div><!-- /span -->
								</div><!-- /row -->
							<div class="row" >
			     				 <div class="col-xs-12 col-sm-10 widget-container-span ui-sortable" style="margin-top: -10px">
									<div class="widget-box">
										<div class="widget-header">
											<h5>地图展示</h5>
												<div class="widget-toolbar">
													<a data-action="settings" href="#">
														<i class="icon-cog"></i>
													</a>
													<a data-action="reload" href="#">
														<i class="icon-refresh"></i>
													</a>
													<a data-action="collapse" href="#">
														<i class="icon-chevron-up"></i>
													</a>
													<a data-action="close" href="#">
														<i class="icon-remove"></i>
													</a>
												</div>
										</div>
										<div class="widget-body">
											<div class="widget-main">
												<div id="map" style="height: 400px; width:100%;"></div>
											</div>
										</div>
									</div>
								</div>
			      				<div class="col-xs-12 col-sm-2 widget-container-span ui-sortable" style="margin-top: -10px">
			       					<div class="widget-box">
										<div class="widget-header">
											<h5>基本信息</h5>
											<div class="widget-toolbar">
												<a data-action="settings" href="#">
													<i class="icon-cog"></i>
												</a>
												<a data-action="reload" href="#">
													<i class="icon-refresh"></i>
												</a>
												<a data-action="collapse" href="#">
													<i class="icon-chevron-up"></i>
												</a>
												<a data-action="close" href="#">
													<i class="icon-remove"></i>
												</a>
											</div>
										</div>
							          <div class="widget-content nopadding">
							            <table class="table table-bordered table-striped">
							              <tbody>
							                <tr class="odd gradeX" ><td style="width: 50px">编号</td><td id="device"></td></tr>
							                <tr class="even gradeC"><td>号码</td><td id="phoneNumber">${phoneNumber }</td></tr>
							                <tr class="odd gradeA"><td>人员</td><td id="renyuan">夏文</td></tr>
							                <tr class="even gradeA"><td>开始时间</td><td id="startTime">2014/12/22/10/23</td></tr>
							                <tr class="odd gradeX"><td>当前经度</td><td id="lon">115.12651321</td></tr>
							                <tr class="even gradeC"><td>当前纬度</td><td id="lat">39.899256510</td></tr>
							                <tr class="odd gradeA"><td>当前海拔</td><td id="altitude">1314</td></tr>
							                <tr class="even gradeA"><td>备注信息</td><td id="remark">今天下雨路滑，需要多2个小时</td></tr>
							              </tbody>
							            </table>
							          </div>
			        				</div>
	        					</div>
			      			</div>
			      		<div class="row">
			      			<div class="col-xs-12 col-sm-12 widget-container-span ui-sortable">
						       <div class="widget-box">
							       	<div class="widget-header">
												<h5>详细巡护记录</h5>
													<div class="widget-toolbar">
														<a data-action="settings" href="#">
															<i class="icon-cog"></i>
														</a>
														<a data-action="reload" href="#">
															<i class="icon-refresh"></i>
														</a>
														<a data-action="collapse" href="#">
															<i class="icon-chevron-up"></i>
														</a>
														<a data-action="close" href="#">
															<i class="icon-remove"></i>
														</a>
													</div>
											</div>
									<div class="widget-content nopadding" style="margin-right: 15px">
							       		<table id="grid-table"></table>
											<div id="grid-pager"></div>
												<script type="text/javascript">
													var $path_base = "/";//this will be used in gritter alerts containing images
												</script>
									</div>
								</div><!-- /.col -->
							</div><!-- /.row -->
			      		</div>
			    	</div>
				</div><!-- /.col -->
			</div><!-- /.row -->
		</div><!-- /.page-content -->
	</div><!-- /.main-content -->

				<div class="ace-settings-container" id="ace-settings-container">
					<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
						<i class="icon-cog bigger-150"></i>
					</div>

					<div class="ace-settings-box" id="ace-settings-box">
						<div>
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="default" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; 选择皮肤</span>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
							<label class="lbl" for="ace-settings-navbar"> 固定导航条</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
							<label class="lbl" for="ace-settings-sidebar"> 固定滑动条</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
							<label class="lbl" for="ace-settings-breadcrumbs">固定面包屑</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
							<label class="lbl" for="ace-settings-rtl">切换到左边</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
							<label class="lbl" for="ace-settings-add-container">
								切换窄屏
								<b></b>
							</label>
						</div>
					</div>
				</div><!-- /#ace-settings-container -->
			</div><!-- /.main-container-inner -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="icon-double-angle-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->

		<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

		<!-- <![endif]-->

		<!--[if IE]>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<![endif]-->

		<!--[if !IE]> -->

		<script type="text/javascript">
			window.jQuery || document.write("<script src='../../resources/assets/js/jquery-2.0.3.min.js'>"+"<"+"script>");
		</script>

		<!-- <![endif]-->

		<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='../../resources/assets/js/jquery-1.10.2.min.js'>"+"<"+"script>");
</script>
<![endif]-->

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='../../resources/assets/js/jquery.mobile.custom.min.js'>"+"<"+"script>");
		</script>
		<script src="../../resources/assets/js/bootstrap.min.js"></script>
		<script src="../../resources/assets/js/typeahead-bs2.min.js"></script>

		<!-- page specific plugin scripts -->

		<!--[if lte IE 8]>
		  <script src="../../resources/assets/js/excanvas.min.js"></script>
		<![endif]-->

		<script src="../../resources/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script src="../../resources/assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="../../resources/assets/js/jquery.slimscroll.min.js"></script>
		<script src="../../resources/assets/js/jquery.easy-pie-chart.min.js"></script>
		<script src="../../resources/assets/js/jquery.sparkline.min.js"></script>
		<script src="../../resources/assets/js/flot/jquery.flot.min.js"></script>
		<script src="../../resources/assets/js/flot/jquery.flot.pie.min.js"></script>
		<script src="../../resources/assets/js/flot/jquery.flot.resize.min.js"></script>
		<!-- page specific plugin scripts -->

		<script src="../../resources/assets/js/jquery.dataTables.min.js"></script>
		<script src="../../resources/assets/js/jquery.dataTables.bootstrap.js"></script>
		
				<!-- page specific plugin scripts -->

		<script src="../../resources/assets/js/date-time/bootstrap-datepicker.min.js"></script>
		<script src="../../resources/assets/js/jqGrid/jquery.jqGrid.min.js"></script>
		<script src="../../resources/assets/js/jqGrid/i18n/grid.locale-en.js"></script>
		<!-- ace scripts -->

		<script src="../../resources/assets/js/ace-elements.min.js"></script>
		<script src="../../resources/assets/js/ace.min.js"></script>

		<!-- inline scripts related to this page -->
		<script type="text/javascript">
			var grid_data = 
			[ 
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"},
				{discoveryType:"动物",name:"野猪",lon:"115.1232134",lat:"31.123123",eva:"1231",poxiang:"东",powei:"中部",habitat:"乔木",henji:"脚印",fresh:"当天",grow:"开花",wuhou:"开花",ganraoqiangdu:"强",ganraoshijian:"当天",sunhuaichengdu:"完好",posunyuanyin:"人为",number:"123"}
			];	
			
			jQuery(function($) {
				var grid_selector = "#grid-table";
				var pager_selector = "#grid-pager";
			
				jQuery(grid_selector).jqGrid({
					//direction: "rtl",
					
					data: grid_data,
					datatype: "local",
					height: 250,
					colNames:[' ','发现类型','名称', '经度', '纬度','海拔','坡向','坡位','生境','痕迹类型','新鲜程度','生长状态','物候期','干扰强度','干扰时间','损坏程度','破损原因','数量'],
					colModel:[
						{name:'myac',index:'', width:80, fixed:true, sortable:false, resize:false,
							formatter:'actions', 
							formatoptions:{ 
								keys:true,
								
								delOptions:{recreateForm: true, beforeShowForm:beforeDeleteCallback},
								//editformbutton:true, editOptions:{recreateForm: true, beforeShowForm:beforeEditCallback}
							}
						},
						
						/*
						{name:'id',index:'id', width:60, sorttype:"int", editable: true},
						{name:'sdate',index:'sdate',width:90, editable:true, sorttype:"date",unformat: pickDate},
						{name:'name',index:'name', width:150,editable: true,editoptions:{size:"20",maxlength:"30"}},
						{name:'name',index:'name', width:150,editable: true,editoptions:{size:"20",maxlength:"30"}},
						{name:'stock',index:'stock', width:70, editable: true,edittype:"checkbox",editoptions: {value:"Yes:No"},unformat: aceSwitch},
						{name:'ship',index:'ship', width:90, editable: true,edittype:"select",editoptions:{value:"FE:FedEx;IN:InTime;TN:TNT;AR:ARAMEX"}},
						{name:'note',index:'note', width:150, sortable:false,editable: true,edittype:"textarea", editoptions:{rows:"2",cols:"10"}} */
						{name:'discoveryType',index:'discoveryType',width:60,editable:true},
						{name:'name',index:'name',width:60,editable:true},
						{name:'lon',index:'lon',width:60,editable:true},
						{name:'lat',index:'lat',width:60,editable:true},
						{name:'eva',index:'eva',width:60,editable:true},
						{name:'poxiang',index:'poxiang',width:60,editable:true},
						{name:'powei',index:'powei',width:60,editable:true},
						{name:'habitat',index:'habitat',width:60,editable:true},
						{name:'henji',index:'henji',width:60,editable:true},
						{name:'fresh',index:'fresh',width:60,editable:true},
						{name:'grow',index:'grow',width:60,editable:true},
						{name:'wuhou',index:'wuhou',width:60,editable:true},
						{name:'ganraoqiangdu',index:'ganraoqiangdu',width:60,editable:true},
						{name:'ganraoshijian',index:'ganraoshijian',width:60,editable:true},
						{name:'sunhuaichengdu',index:'sunhuaichengdu',width:60,editable:true},
						{name:'posunyuanyin',index:'posunyuanyin',width:60,editable:true},
						{name:'number',index:'number',width:60,editable:true}
					], 
			
					viewrecords : true,
					rowNum:5,
					rowList:[5,10,20,30],
					pager : pager_selector,
					altRows: true,
					//toppager: true,
					
					multiselect: true,
					//multikey: "ctrlKey",
			        multiboxonly: true,
			
					loadComplete : function() {
						var table = this;
						setTimeout(function(){
							styleCheckbox(table);
							
							updateActionIcons(table);
							updatePagerIcons(table);
							enableTooltips(table);
						}, 0);
					},
					editurl: $path_base+"/dummy.html",//nothing is saved
					//caption: "巡护详细信息",
					autowidth: true
				});
			
				//enable search/filter toolbar
				//jQuery(grid_selector).jqGrid('filterToolbar',{defaultSearch:true,stringResult:true})
			
				//switch element when editing inline
				function aceSwitch( cellvalue, options, cell ) {
					setTimeout(function(){
						$(cell) .find('input[type=checkbox]')
								.wrap('<label class="inline" />')
							.addClass('ace ace-switch ace-switch-5')
							.after('<span class="lbl"></span>');
					}, 0);
				}
				//enable datepicker
				function pickDate( cellvalue, options, cell ) {
					setTimeout(function(){
						$(cell) .find('input[type=text]')
								.datepicker({format:'yyyy-mm-dd' , autoclose:true}); 
					}, 0);
				}
			
			
				//navButtons
				jQuery(grid_selector).jqGrid('navGrid',pager_selector,
					{ 	//navbar options
						edit: true,
						editicon : 'icon-pencil blue',
						add: true,
						addicon : 'icon-plus-sign purple',
						del: true,
						delicon : 'icon-trash red',
						search: true,
						searchicon : 'icon-search orange',
						refresh: true,
						refreshicon : 'icon-refresh green',
						view: true,
						viewicon : 'icon-zoom-in grey',
					},
					{
						//edit record form
						//closeAfterEdit: true,
						recreateForm: true,
						beforeShowForm : function(e) {
							var form = $(e[0]);
							form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
							style_edit_form(form);
						}
					},
					{
						//new record form
						closeAfterAdd: true,
						recreateForm: true,
						viewPagerButtons: false,
						beforeShowForm : function(e) {
							var form = $(e[0]);
							form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
							style_edit_form(form);
						}
					},
					{
						//delete record form
						recreateForm: true,
						beforeShowForm : function(e) {
							var form = $(e[0]);
							if(form.data('styled')) return false;
							
							form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
							style_delete_form(form);
							
							form.data('styled', true);
						},
						onClick : function(e) {
							alert(1);
						}
					},
					{
						//search form
						recreateForm: true,
						afterShowSearch: function(e){
							var form = $(e[0]);
							form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('<div class="widget-header" />')
							style_search_form(form);
						},
						afterRedraw: function(){
							style_search_filters($(this));
						}
						,
						multipleSearch: true,
						/**
						multipleGroup:true,
						showQuery: true
						*/
					},
					{
						//view record form
						recreateForm: true,
						beforeShowForm: function(e){
							var form = $(e[0]);
							form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('<div class="widget-header" />')
						}
					}
				)
			
			
				
				function style_edit_form(form) {
					//enable datepicker on "sdate" field and switches for "stock" field
					form.find('input[name=sdate]').datepicker({format:'yyyy-mm-dd' , autoclose:true})
						.end().find('input[name=stock]')
							  .addClass('ace ace-switch ace-switch-5').wrap('<label class="inline" />').after('<span class="lbl"></span>');
			
					//update buttons classes
					var buttons = form.next().find('.EditButton .fm-button');
					buttons.addClass('btn btn-sm').find('[class*="-icon"]').remove();//ui-icon, s-icon
					buttons.eq(0).addClass('btn-primary').prepend('<i class="icon-ok"></i>');
					buttons.eq(1).prepend('<i class="icon-remove"></i>')
					
					buttons = form.next().find('.navButton a');
					buttons.find('.ui-icon').remove();
					buttons.eq(0).append('<i class="icon-chevron-left"></i>');
					buttons.eq(1).append('<i class="icon-chevron-right"></i>');		
				}
			
				function style_delete_form(form) {
					var buttons = form.next().find('.EditButton .fm-button');
					buttons.addClass('btn btn-sm').find('[class*="-icon"]').remove();//ui-icon, s-icon
					buttons.eq(0).addClass('btn-danger').prepend('<i class="icon-trash"></i>');
					buttons.eq(1).prepend('<i class="icon-remove"></i>')
				}
				
				function style_search_filters(form) {
					form.find('.delete-rule').val('X');
					form.find('.add-rule').addClass('btn btn-xs btn-primary');
					form.find('.add-group').addClass('btn btn-xs btn-success');
					form.find('.delete-group').addClass('btn btn-xs btn-danger');
				}
				function style_search_form(form) {
					var dialog = form.closest('.ui-jqdialog');
					var buttons = dialog.find('.EditTable')
					buttons.find('.EditButton a[id*="_reset"]').addClass('btn btn-sm btn-info').find('.ui-icon').attr('class', 'icon-retweet');
					buttons.find('.EditButton a[id*="_query"]').addClass('btn btn-sm btn-inverse').find('.ui-icon').attr('class', 'icon-comment-alt');
					buttons.find('.EditButton a[id*="_search"]').addClass('btn btn-sm btn-purple').find('.ui-icon').attr('class', 'icon-search');
				}
				
				function beforeDeleteCallback(e) {
					var form = $(e[0]);
					if(form.data('styled')) return false;
					
					form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
					style_delete_form(form);
					
					form.data('styled', true);
				}
				
				function beforeEditCallback(e) {
					var form = $(e[0]);
					form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
					style_edit_form(form);
				}
			
			
			
				//it causes some flicker when reloading or navigating grid
				//it may be possible to have some custom formatter to do this as the grid is being created to prevent this
				//or go back to default browser checkbox styles for the grid
				function styleCheckbox(table) {
				/**
					$(table).find('input:checkbox').addClass('ace')
					.wrap('<label />')
					.after('<span class="lbl align-top" />')
			
			
					$('.ui-jqgrid-labels th[id*="_cb"]:first-child')
					.find('input.cbox[type=checkbox]').addClass('ace')
					.wrap('<label />').after('<span class="lbl align-top" />');
				*/
				}
				
			
				//unlike navButtons icons, action icons in rows seem to be hard-coded
				//you can change them like this in here if you want
				function updateActionIcons(table) {
					/**
					var replacement = 
					{
						'ui-icon-pencil' : 'icon-pencil blue',
						'ui-icon-trash' : 'icon-trash red',
						'ui-icon-disk' : 'icon-ok green',
						'ui-icon-cancel' : 'icon-remove red'
					};
					$(table).find('.ui-pg-div span.ui-icon').each(function(){
						var icon = $(this);
						var $class = $.trim(icon.attr('class').replace('ui-icon', ''));
						if($class in replacement) icon.attr('class', 'ui-icon '+replacement[$class]);
					})
					*/
				}
				
				//replace icons with FontAwesome icons like above
				function updatePagerIcons(table) {
					var replacement = 
					{
						'ui-icon-seek-first' : 'icon-double-angle-left bigger-140',
						'ui-icon-seek-prev' : 'icon-angle-left bigger-140',
						'ui-icon-seek-next' : 'icon-angle-right bigger-140',
						'ui-icon-seek-end' : 'icon-double-angle-right bigger-140'
					};
					$('.ui-pg-table:not(.navtable) > tbody > tr > .ui-pg-button > .ui-icon').each(function(){
						var icon = $(this);
						var $class = $.trim(icon.attr('class').replace('ui-icon', ''));
						
						if($class in replacement) icon.attr('class', 'ui-icon '+replacement[$class]);
					})
				}
			
				function enableTooltips(table) {
					$('.navtable .ui-pg-button').tooltip({container:'body'});
					$(table).find('.ui-pg-div').tooltip({container:'body'});
				}
			
				//var selr = jQuery(grid_selector).jqGrid('getGridParam','selrow');
			
			
			});
		</script>
		<script type="text/javascript">
			jQuery(function($) {
				$('.easy-pie-chart.percentage').each(function(){
					var $box = $(this).closest('.infobox');
					var barColor = $(this).data('color') || (!$box.hasClass('infobox-dark') ? $box.css('color') : 'rgba(255,255,255,0.95)');
					var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)' : '#E2E2E2';
					var size = parseInt($(this).data('size')) || 50;
					$(this).easyPieChart({
						barColor: barColor,
						trackColor: trackColor,
						scaleColor: false,
						lineCap: 'butt',
						lineWidth: parseInt(size/10),
						animate: /msie\s*(8|7|6)/.test(navigator.userAgent.toLowerCase()) ? false : 1000,
						size: size
					});
				})
			
				$('.sparkline').each(function(){
					var $box = $(this).closest('.infobox');
					var barColor = !$box.hasClass('infobox-dark') ? $box.css('color') : '#FFF';
					$(this).sparkline('html', {tagValuesAttribute:'data-values', type: 'bar', barColor: barColor , chartRangeMin:$(this).data('min') || 0} );
				});
			
			
			
			
			  var placeholder = $('#piechart-placeholder').css({'width':'90%' , 'min-height':'150px'});
			  var data = [
				{ label: "social networks",  data: 38.7, color: "#68BC31"},
				{ label: "search engines",  data: 24.5, color: "#2091CF"},
				{ label: "ad campaigns",  data: 8.2, color: "#AF4E96"},
				{ label: "direct traffic",  data: 18.6, color: "#DA5430"},
				{ label: "other",  data: 10, color: "#FEE074"}
			  ]
			  function drawPieChart(placeholder, data, position) {
			 	  $.plot(placeholder, data, {
					series: {
						pie: {
							show: true,
							tilt:0.8,
							highlight: {
								opacity: 0.25
							},
							stroke: {
								color: '#fff',
								width: 2
							},
							startAngle: 2
						}
					},
					legend: {
						show: true,
						position: position || "ne", 
						labelBoxBorderColor: null,
						margin:[-30,15]
					}
					,
					grid: {
						hoverable: true,
						clickable: true
					}
				 })
			 }
			 drawPieChart(placeholder, data);
			
			 /**
			 we saved the drawing function and the data to redraw with different position later when switching to RTL mode dynamically
			 so that's not needed actually.
			 */
			 placeholder.data('chart', data);
			 placeholder.data('draw', drawPieChart);
			
			
			
			  var $tooltip = $("<div class='tooltip top in'><div class='tooltip-inner'></div></div>").hide().appendTo('body');
			  var previousPoint = null;
			
			  placeholder.on('plothover', function (event, pos, item) {
				if(item) {
					if (previousPoint != item.seriesIndex) {
						previousPoint = item.seriesIndex;
						var tip = item.series['label'] + " : " + item.series['percent']+'%';
						$tooltip.show().children(0).text(tip);
					}
					$tooltip.css({top:pos.pageY + 10, left:pos.pageX + 10});
				} else {
					$tooltip.hide();
					previousPoint = null;
				}
				
			 });
			
			
			
			
			
			
				var d1 = [];
				for (var i = 0; i < Math.PI * 2; i += 0.5) {
					d1.push([i, Math.sin(i)]);
				}
			
				var d2 = [];
				for (var i = 0; i < Math.PI * 2; i += 0.5) {
					d2.push([i, Math.cos(i)]);
				}
			
				var d3 = [];
				for (var i = 0; i < Math.PI * 2; i += 0.2) {
					d3.push([i, Math.tan(i)]);
				}
				
			
				var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'220px'});
				$.plot("#sales-charts", [
					{ label: "Domains", data: d1 },
					{ label: "Hosting", data: d2 },
					{ label: "Services", data: d3 }
				], {
					hoverable: true,
					shadowSize: 0,
					series: {
						lines: { show: true },
						points: { show: true }
					},
					xaxis: {
						tickLength: 0
					},
					yaxis: {
						ticks: 10,
						min: -2,
						max: 2,
						tickDecimals: 3
					},
					grid: {
						backgroundColor: { colors: [ "#fff", "#fff" ] },
						borderWidth: 1,
						borderColor:'#555'
					}
				});
			
			
				$('#recent-box [data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('.tab-content')
					var off1 = $parent.offset();
					var w1 = $parent.width();
			
					var off2 = $source.offset();
					var w2 = $source.width();
			
					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
			
			
				$('.dialogs,.comments').slimScroll({
					height: '300px'
			    });
				
				
				//Android's default browser somehow is confused when tapping on label which will lead to dragging the task
				//so disable dragging when clicking on label
				var agent = navigator.userAgent.toLowerCase();
				if("ontouchstart" in document && /applewebkit/.test(agent) && /android/.test(agent))
				  $('#tasks').on('touchstart', function(e){
					var li = $(e.target).closest('#tasks li');
					if(li.length == 0)return;
					var label = li.find('label.inline').get(0);
					if(label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation() ;
				});
			
				$('#tasks').sortable({
					opacity:0.8,
					revert:true,
					forceHelperSize:true,
					placeholder: 'draggable-placeholder',
					forcePlaceholderSize:true,
					tolerance:'pointer',
					stop: function( event, ui ) {//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
						$(ui.item).css('z-index', 'auto');
					}
					}
				);
				$('#tasks').disableSelection();
				$('#tasks input:checkbox').removeAttr('checked').on('click', function(){
					if(this.checked) $(this).closest('li').addClass('selected');
					else $(this).closest('li').removeClass('selected');
				});
				
			
			})
		</script>
		 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript"
      src="https://www.google.com/jsapi?key=ABQIAAAA_KNcKfoyaTskjEp-kSSEjxSsDbTxMRg-JrUcPZT14QWonZA5mxRqx3ct_DbeHVelXNr1WbKEEJ5k-A"></script>
    <script type="text/javascript" src="../../resources/js/googleearth-compiled.js"></script>
    <script type="text/javascript">
/*	function change3d(){
		init();
	}
	function change2d() {
        var mapOptions = {
          center: new google.maps.LatLng(40, 115.644),
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map"),
            mapOptions);
      }
/////////////////////////////////
	var ge;
    google.load("earth", "1", {"other_params":"sensor=false"});
    function init() {
      google.earth.createInstance('map', initCB, failureCB);
    }
    function initCB(instance) {
      ge = instance;
      ge.getWindow().setVisibility(true);
    }
    function failureCB(errorCode) {
    }
    
    /////////////////
          function getRandomLatLng() {
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
        var latLng = new google.maps.LatLng(
            southWest.lat() + latSpan * Math.random(),
            southWest.lng() + lngSpan * Math.random());
        return latLng;
      }

      function addOverlays() {
        // Add some markers
        for (var i = 0; i < 5; i++) {
          var marker = new google.maps.Marker({
            position: getRandomLatLng(),
            draggable : true,
            title : 'this is a marker',
            icon : 'http://code.google.com/apis/maps/documentation/javascript/examples/images/beachflag.png'
          });

        infowindow = new google.maps.InfoWindow({
          content: 'This is the infowindow for a marker'
        });
        addInfowindow(marker, infowindow);
        marker.setMap(map);
        }

        // Add a polyline
        var polyOptions = {
          strokeWeight: 9,
          strokeColor : "#FFCC30"
        }
        polyline = new google.maps.Polyline(polyOptions);
        polyline.setMap(map);
        for (var i = 0; i < 2; i++) {
          polyline.getPath().push(getRandomLatLng());
        }

        // Add a polygon
        polyOptions.fillColor = "#FF0000";
        polygon = new google.maps.Polygon(polyOptions);
        polygon.setMap(map);
        for (var i = 0; i < 3; i++) {
          polygon.getPath().push(getRandomLatLng());
        }

        // Add a circle
        circle = new google.maps.Circle(polyOptions);
        circle.setMap(map);
        circle.setCenter(getRandomLatLng());
        circle.setRadius(9000);

        // Add a rectangle
        rectangle = new google.maps.Rectangle();
        rectangle.setMap(map);
        rectangle.setBounds(map.getBounds());

        // Add a kml layer
        var ctaLayer = new google.maps.KmlLayer(
          "http://gmaps-samples.googlecode.com/svn/trunk/ggeoxml/cta.kml", {
            preserveViewport : true
          });
        ctaLayer.setMap(map);

        // Add a groundoverlay
        var imageBounds = new google.maps.LatLngBounds();
        imageBounds.extend(getRandomLatLng())
          imageBounds.extend(getRandomLatLng());

        var oldmap = new google.maps.GroundOverlay(
          "http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg",
          imageBounds);
        oldmap.setMap(map);
      }
    */
    google.load('earth', '1');
    var map;
    var googleEarth;
    function init() {
      map = new google.maps.Map(document.getElementById('map'), {
        zoom: 8,
        center: new google.maps.LatLng(40, 115.644),
        mapTypeId: google.maps.MapTypeId.ROADMAP
      });

      googleEarth = new GoogleEarth(map);

      //google.maps.event.addListenerOnce(map, 'tilesloaded', addOverlays);
      google.maps.event.addListenerOnce(map, 'tilesloaded');
    }

    function addInfowindow(marker, infowindow) {
      google.maps.event.addListener(marker, 'click', function() {
        infowindow.open(map, marker);
      });
    }
    google.maps.event.addDomListener(window, 'load', init);
  </script>
  
  <script type="text/javascript">
	  $("#checkall").click( 
		 function(){ 
			  if(this.checked){ 
			  		$("input[name='checkname']").each(function(){this.checked=true;}); 
			  	}else{ 
			  		$("input[name='checkname']").each(function(){this.checked=false;}); 
			  	} 
			  } 
		);
	  //地图显示路径选择函数
	  function check(info){
		  var str=document.getElementsByName(info);
		  var objarray=str.length;
		  //alert(objarray);
		  var chestr="";
		  for (i=0;i<objarray;i++)
		  {
		    if(str[i].checked == true)
		    {
		     chestr+=str[i].value+",";
		    }
		  }
		  if(chestr == "")
		  {
		    alert("请先选择一个设备～！");
		  }
		  else
		  {
		    //alert("所选设备的值是："+chestr.replace(",",""));
		    $.post("/findbydevice.do", { device: chestr.replace(",","") },function(data){
		    	//将findbydevice.do请求返回的数据，首先拆分为数组，然后再解析为json对象。jquery给table赋值
		    	//这解决的是点击【选择设备】单项按钮时，基本信息数据表格更新问题。
		    	//问题在于，移动设备在巡护时返回的数据并不是最终写到数据库中的数据，移动设备在巡护时只是将能够传回的数据广播至前台
		    	//所以，这里的数据来源不应该是从数据库查询出来的数据。
		    	var array = data.split("-");
		    	var jsonpatrol = $.parseJSON(array[0]);
		    	//alert(jsonpatrol.phoneNumber);
		    	$("#device").text(jsonpatrol.device);
		    	$("#phoneNumber").text(jsonpatrol.phoneNumber);
		    	$("#renyuan").text(jsonpatrol.renyuan);
		    	$("#startTime").text(jsonpatrol.startTime);
		    	$("#fangshi").text(jsonpatrol.fangshi);
		    	$("#remark").text(jsonpatrol.remark);
		    	var jsontrack = $.parseJSON(array[1]);
		    	$("#lat").text(jsontrack.lat);
		    	$("#lon").text(jsontrack.lon);
		    	$("#altitude").text(jsontrack.altitude);
		    });
		    
		  }
	  }

	  $("#checkinfoall").click( 
		 function(){ 
			  if(this.checked){ 
			  		$("input[name='checkinfo']").each(function(){this.checked=true;}); 
			  	}else{ 
			  		$("input[name='checkinfo']").each(function(){this.checked=false;}); 
			  	} 
			  } 
		);
  </script>
	<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>

